<!-- 根组件 -->
<script setup lang="ts">
import { RouterView } from 'vue-router'
import { courseStore } from '@/stores/course'
import { courses } from '@/datasource'

// 创建一个初始化函数，用于读取用户信息并过滤对应的课程存入 store
const initialize = () => {
  // 从 sessionStorage 中读取用户信息
  const storedUser = sessionStorage.getItem('user')

  // 检查是否存在存储的用户信息
  if (storedUser) {
    // 存储的用户信息存在，解析为对象
    const user = JSON.parse(storedUser)
    // 过滤对应的课程并存入 store
    const coursesR = courseStore().coursesS
    coursesR.value = courses.filter((course) => course.uid === user.uid)
  } else {
    // 没有存储的用户信息
    console.log('没有找到存储的用户信息')
  }
}
// 在页面加载时调用初始化函数
window.onload = initialize
</script>
<template>
  <a-config-provider>
    <RouterView />
  </a-config-provider>
</template>
<style>
* {
  margin: 0; /*定义外边距*/
  padding: 0; /*定义内边距*/
}

body {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  /* background-color: white; */
}
/* 整体布局 */
#app {
  height: 100%;
  width: 100%;
  padding: 0px;
}
/* 导航框 */
/* #sidebar {
  border: 1px solid #ccc;
  background-color: white;
  width: 20%;
  padding: 10px;
  border-radius: 10px 0 0 10px;
  box-shadow:
    rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px,
    rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
} */

/* 路由框 */
/* #router {
  height: 100vm;
  width: 500px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 0 10px 10px 0;
  box-shadow:
    rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px,
    rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
} */
</style>
